<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="author" content="Júnior Lima" />
    <meta name="description" content="" />
    <meta name="keywords" content="ivo, mara, casamento ivo e mara" />
    <!--<meta name="viewport" content="width=device-width; initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>Ivo Filho e Mara Dallenna - Casamento</title>
    <link rel="stylesheet" media="screen" href="{{ MEDIA_URL }}_css/style.css" type="text/css" />
    <link rel="stylesheet" media="screen" charset="utf-8" href="{{ MEDIA_URL }}_css/prettyPhoto.css" type="text/css" />
    <link rel="shortcut icon" type="image/x-icon" href="{{ MEDIA_URL }}favicon.png" />
    <link rel="icon" type="image/x-icon" href="{{ MEDIA_URL }}favicon.png" />
    <link rel="apple-touch-icon" href="{{ MEDIA_URL }}favicon.png" />
    <link rel="apple-touch-startup-image" href="{{ MEDIA_URL }}favicon.png" />
    <script type="text/javascript" charset="utf-8" src="{{ MEDIA_URL }}_js/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="{{ MEDIA_URL }}_js/function.js"></script>
    <script type="text/javascript" charset="utf-8" src="{{ MEDIA_URL }}_js/slides.min.jquery.js"></script>
    <script type="text/javascript" charset="utf-8" src="{{ MEDIA_URL }}_js/jquery.prettyPhoto.js"></script>
    <meta property="fb:app_id" content="310886355671205" />
    <meta property="fb:admins" content="1402486942"/>
    <meta property="fb:admins" content="100000557937869"/>
    <meta property="og:site_name" content="Mara e Ivo" />
    <meta property="og:title" content="Ivo Filho e Mara Dallenna - Casamento" />
    <meta property="og:url" content="http://ivoemara.com/"/>
    <meta property="og:image" content="http://ivoemara.com/media/_images/thbs/thb-21.jpg"/>
    <meta property="og:description" content="Vocês nos verão: solteiros pela ultima vez, casados pela primeira vez, e felizes para sempre"/>
</head>
<body>
<!-- controller -->
<div class="controller">
    <!-- container -->
    <div class="container">

        <!-- social-icons -->
        <div class="social">
            <ul class="social-icons">
                <!--<li><a href="mailto:username@domain.com"><img src="{{ MEDIA_URL }}_images/mail.png" alt="Send Mail" /></a></li>
                <li><a href="#"><img src="{{ MEDIA_URL }}_images/facebook.png" alt="Facebook" /></a></li>
                <li><a href="#"><img src="{{ MEDIA_URL }}_images/twitter.png" alt="Twitter" /></a></li>
                <li><a href="#"><img src="{{ MEDIA_URL }}_images/flickr.png" alt="Flickr" /></a></li>-->
                <li><div class="fb-like" data-href="http://www.facebook.com/pages/Ivo-e-Mara/420458764665934" data-send="false" data-layout="box_count" data-width="25" data-show-faces="false"></div></li>
            </ul>
        </div>
        <!-- social-icons -->

        <!-- menu -->
        <div class="menu">

            <!-- logo -->
            <div id="logo">
                <div class="logo">
                    <div class="heart"></div>
                    Ivo&amp;Mara
                </div>
            </div>
            <!-- logo -->

            <div id="menu">
                <ul>
                    <li><a href="#home" class="menu-style scroller">Home</a></li>
                    <li><a href="#our-story" class="menu-style scroller">História dela</a></li>
                    <li><a href="#our-storya" class="menu-style scroller">Historia dele</a></li>
                    <li><a href="#engagement" class="menu-style scroller">Noivado</a></li>
                    <li><a href="#events" class="menu-style scroller">Evento</a></li>
                    <li><a href="#directions" class="menu-style scroller">Como chegar</a></li>
                    <li><a href="#thank-you" class="menu-style scroller">Agradecimentos</a></li>
                    <li><a href="#out-of-towners" class="menu-style scroller">Recado</a></li>
                </ul>
            </div>

        </div>
        <!-- menu -->

        <!-- hidden-menu -->
        <div id="hidden-menu">
            <div class="hidden-menu">
                <ul>
                    <li><a href="#home" class="menu-style scroller">Home</a></li>
                    <li><a href="#our-story" class="menu-style scroller">História dela</a></li>
                    <li><a href="#our-storya" class="menu-style scroller">Historia dele</a></li>
                    <li><a href="#engagement" class="menu-style scroller">Noivado</a></li>
                    <li><a href="#events" class="menu-style scroller">Evento</a></li>
                    <li><a href="#directions" class="menu-style scroller">Como chegar</a></li>
                    <li><a href="#thank-you" class="menu-style scroller">Agradecimentos</a></li>
                    <li><a href="#out-of-towners" class="menu-style scroller">Recado</a></li>
                </ul>
            </div>
        </div>
        <!-- hidden-menu -->